<<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>scorain's blog</title>
<link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
<script src="jquery-1.11.3.min.js"></script>
<link type="text/css" rel="stylesheet" href="index.css" />
</head>

<body>


<!--导航条-->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img class="home" src="images/home.png"/></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     <ul class="nav navbar-nav">
    <!--    <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>-->
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
   
<!--scorain的博客-->     
     <h3 class="topname">scorain的博客</h3>
     
     
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>



<!--Jumbotron部分-->
<div class="container">
<div class="jumbotron">
  <h1>你好，我是Scorain!</h1>
  <p>这是我的第一个个人主页，在这里，我将开启我的前端生涯，随大家一起学习，共同进步...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Know more about me &gt&gt</a></p>
</div>
</div>


<div class="container">
<div class="row">

  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/hometown.png" alt="燕窝镇">
      <div class="caption">
        <h3>我的家乡</h3>
        <p>洪湖市位于江汉平原东南端，四湖水系下游，素有“鱼米之乡”、“水乡泽国”之称.该市地处东经113。7，-114。05，北纬29。39，--30。12，之间。全市国土总面积为2519.23平方公里：其中陆地为1717.33平方公里，占67.93%；水域为810.90平方公里，占32.07%。全市东西最宽处约为94公里，南北最长约为62公里。东、南、北三面为长江、东荆河所环绕，西面的百里洪湖与荆北水系相连。计与6个县市水陆交界；东、南两面滨临长江，与嘉鱼县、赤壁市、湖南省的临湘县隔江相望；西与监利县水陆交界；北滨东荆河，与仙桃市隔水相望；东北隅与武汉市毗连。</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
   <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/university.png" alt="西南交通大学">
      <div class="caption">
        <h3>我的大学</h3>
        <p>西南交通大学创建于1896年，跨越三个世纪，是国家首批“211工程”、“特色985工程”重点建设、首批进入国家“2011计划”并设有研究生院的教育部直属全国重点大学，坐落在国家历史文化名城、现代化国际大都市——成都，前身为山海关北洋铁路官学堂（Imperial Chinese Railway College），是我国近代建校最早的国立大学之一，是我国土木工程、交通工程、矿冶工程高等教育的发祥地，是“交通大学”（Chiao Tung University）两大最早源头之一，以“唐山交通大学”之名享誉海内外，素有“东方康奈尔”之称。 </p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
   <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/company.png" alt="比亚迪股份有限公司">
      <div class="caption">
        <h3>我的工作</h3>
        <p>比亚迪股份有限公司【股票代码：1211.HK】。创立于1995年，2002年7月31日在香港主板发行上市，公司总部位于中国广东深圳，是一家拥有IT，汽车及新能源三大产业群的高新技术民营企业。

比亚迪在广东、北京、陕西、上海等地共建有九大生产基地，总面积将近700万平方米，并在美国、欧洲、日本、韩国、印度等国和中国台湾、香港地区设有分公司或办事处，现员工总数超过15万人。</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
</div>
</div>



<!--链接-->
<!--<div class="container">
<div class="row">
  <div class="col-md-12"  id="con">
  <p>联系方式:</p>
  <ul class="contact">
  <Li><a href="#">email(617108090@qq.com)</a></Li>
  <Li><a href="#">mobile(13510883578)</a></Li>
  <Li><a href="#">wechat()</a></Li>
  </ul>
  </div>
  
</div>
</div>-->







</body>
</html>

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>scorain's blog</title>
<link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
<script src="jquery-1.11.3.min.js"></script>
<link type="text/css" rel="stylesheet" href="index.css" />
</head>

<body>


<!--导航条-->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img class="home" src="images/home.png"/></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     <ul class="nav navbar-nav">
    <!--    <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>-->
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
   
<!--scorain的博客-->     
     <h3 class="topname">scorain的博客</h3>
     
     
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>



<!--Jumbotron部分-->
<div class="container">
<div class="jumbotron">
  <h1>你好，我是Scorain!</h1>
  <p>这是我的第一个个人主页，在这里，我将开启我的前端生涯，随大家一起学习，共同进步...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Know more about me &gt&gt</a></p>
</div>
</div>


<div class="container">
<div class="row">

  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/hometown.png" alt="燕窝镇">
      <div class="caption">
        <h3>我的家乡</h3>
        <p>洪湖市位于江汉平原东南端，四湖水系下游，素有“鱼米之乡”、“水乡泽国”之称.该市地处东经113。7，-114。05，北纬29。39，--30。12，之间。全市国土总面积为2519.23平方公里：其中陆地为1717.33平方公里，占67.93%；水域为810.90平方公里，占32.07%。全市东西最宽处约为94公里，南北最长约为62公里。东、南、北三面为长江、东荆河所环绕，西面的百里洪湖与荆北水系相连。计与6个县市水陆交界；东、南两面滨临长江，与嘉鱼县、赤壁市、湖南省的临湘县隔江相望；西与监利县水陆交界；北滨东荆河，与仙桃市隔水相望；东北隅与武汉市毗连。</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
   <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/university.png" alt="西南交通大学">
      <div class="caption">
        <h3>我的大学</h3>
        <p>西南交通大学创建于1896年，跨越三个世纪，是国家首批“211工程”、“特色985工程”重点建设、首批进入国家“2011计划”并设有研究生院的教育部直属全国重点大学，坐落在国家历史文化名城、现代化国际大都市——成都，前身为山海关北洋铁路官学堂（Imperial Chinese Railway College），是我国近代建校最早的国立大学之一，是我国土木工程、交通工程、矿冶工程高等教育的发祥地，是“交通大学”（Chiao Tung University）两大最早源头之一，以“唐山交通大学”之名享誉海内外，素有“东方康奈尔”之称。 </p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
   <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img class="jumimg" src="images/company.png" alt="比亚迪股份有限公司">
      <div class="caption">
        <h3>我的工作</h3>
        <p>比亚迪股份有限公司【股票代码：1211.HK】。创立于1995年，2002年7月31日在香港主板发行上市，公司总部位于中国广东深圳，是一家拥有IT，汽车及新能源三大产业群的高新技术民营企业。

比亚迪在广东、北京、陕西、上海等地共建有九大生产基地，总面积将近700万平方米，并在美国、欧洲、日本、韩国、印度等国和中国台湾、香港地区设有分公司或办事处，现员工总数超过15万人。</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  
</div>
</div>



<!--链接-->
<!--<div class="container">
<div class="row">
  <div class="col-md-12"  id="con">
  <p>联系方式:</p>
  <ul class="contact">
  <Li><a href="#">email(617108090@qq.com)</a></Li>
  <Li><a href="#">mobile(13510883578)</a></Li>
  <Li><a href="#">wechat()</a></Li>
  </ul>
  </div>
  
</div>
</div>-->







</body>
</html>
